/*
 * @Author: Lei Hao
 * @Date: 2021-06-15 19:05:29
 * @LastEditors: Lei Hao
 * @LastEditTime: 2021-06-16 17:44:09
 * @Description: file content
 */
import ajax from '../main.js';
import '../../css/dataCenter/dataCenter.scss';

$('main').hide();

layui.config({
    base: 'utils/module/'
})
layui.element.tab({
    headerElem: '#tabHeader>dd',
    bodyElem: '#tabBody>#community'
});
layui.use('element', function () {
    var element = layui.element;

    //…
});
// ANCHOR 小区管理输入功能
layui.use(['form', 'layedit', 'laydate'], function () {
    var form = layui.form,
        layer = layui.layer,
        layedit = layui.layedit

    //创建一个编辑器
    var editIndex = layedit.build('LAY_demo_editor');

    //自定义验证规则
    form.verify({
        title: function (value) {
            if (value.length < 5) {
                return '标题至少得5个字符啊';
            }
        },
        pass: [
            /^[\S]{6,12}$/, '密码必须6到12位，且不能出现空格'
        ],
        content: function (value) {
            layedit.sync(editIndex);
        }
    });


    //监听提交
    form.on('submit(demo1)', function (data) {
        layer.alert(JSON.stringify(data.field), {
            title: '最终的提交信息'
        })
        return false;
    });

    //表单取值
    layui.$('#LAY-component-form-getval').on('click', function () {
        var data = form.val('example');
        alert(JSON.stringify(data));
    });

});
// ANCHOR 车位管理表格
layui.use('table', function () {
    var table = layui.table;

    table.render({
        elem: '#parkingTable',
        url: '#',
        cols: [
            [{
                type: 'checkbox'
            }, {
                field: 'parkingId',
                width: 150,
                title: '车位编号',
            }, {
                field: 'communityName',
                width: 150,
                title: '所属小区'
            }, {
                field: 'parkingType',
                width: 150,
                title: '车位类型',
            }, {
                field: 'parkingSituation',
                width: 150,
                title: '车位状态'
            }, {
                field: 'parkingArea',
                width: 150,
                title: '车位面积',
            }, {
                field: 'countParkingNumber',
                width: 150,
                title: '收费标准个数',
            }, {
                field: 'parkingMoney',
                width: 150,
                title: '收费金额',
            }, {
                field: 'menu',
                minWidth: 100,
                title: '操作'
            }]
        ],
        page: true
    });
});
// ANCHOR 业主管理表格--已迁入
layui.use('table', function () {
    var table = layui.table;

    table.render({
        elem: '#ownerTable',
        url: '#',
        cols: [
            [{
                type: 'checkbox'
            }, {
                field: 'name',
                width: 150,
                title: '姓名',
            }, {
                field: 'phone',
                width: 150,
                title: '手机号'
            }, {
                field: 'community',
                width: 150,
                title: '小区',
            }, {
                field: 'building',
                width: 150,
                title: '楼宇'
            }, {
                field: 'unit',
                width: 150,
                title: '单元',
            }, {
                field: 'houseNumber',
                width: 150,
                title: '房号',
            }, {
                field: 'ownerType',
                width: 150,
                title: '住户身份',
            }, {
                field: 'valTime',
                width: 150,
                title: '有效期',
            },{
                field: 'loginTime',
                width: 150,
                title: '登录次数',
            },{
                field: 'menu',
                minWidth: 100,
                title: '操作'
            }]
        ],
        page: true
    });
});
// ANCHOR 业主管理表格--待审核
layui.use('table', function () {
    var table = layui.table;

    table.render({
        elem: '#ownerTableReview',
        url: '#',
        cols: [
            [{
                type: 'checkbox'
            }, {
                field: 'name',
                width: 150,
                title: '姓名',
            }, {
                field: 'phone',
                width: 150,
                title: '手机号'
            }, {
                field: 'community',
                width: 150,
                title: '小区',
            }, {
                field: 'building',
                width: 150,
                title: '楼宇'
            }, {
                field: 'unit',
                width: 150,
                title: '单元',
            }, {
                field: 'houseNumber',
                width: 150,
                title: '房号',
            }, {
                field: 'ownerType',
                width: 150,
                title: '住户身份',
            }, {
                field: 'valTime',
                width: 150,
                title: '有效期',
            },{
                field: 'loginTime',
                width: 150,
                title: '登录次数',
            },{
                field: 'menu',
                minWidth: 100,
                title: '操作'
            }]
        ],
        page: true
    });
});
// ANCHOR 业主管理表格--未通过
layui.use('table', function () {
    var table = layui.table;

    table.render({
        elem: '#ownerTableUnpass',
        url: '#',
        cols: [
            [{
                type: 'checkbox'
            }, {
                field: 'name',
                width: 150,
                title: '姓名',
            }, {
                field: 'phone',
                width: 150,
                title: '手机号'
            }, {
                field: 'community',
                width: 150,
                title: '小区',
            }, {
                field: 'building',
                width: 150,
                title: '楼宇'
            }, {
                field: 'unit',
                width: 150,
                title: '单元',
            }, {
                field: 'houseNumber',
                width: 150,
                title: '房号',
            }, {
                field: 'ownerType',
                width: 150,
                title: '住户身份',
            }, {
                field: 'valTime',
                width: 150,
                title: '有效期',
            },{
                field: 'loginTime',
                width: 150,
                title: '登录次数',
            },{
                field: 'menu',
                minWidth: 100,
                title: '操作'
            }]
        ],
        page: true
    });
});
// ANCHOR 业主管理表格--已迁出
layui.use('table', function () {
    var table = layui.table;

    table.render({
        elem: '#ownerTableOut',
        url: '#',
        cols: [
            [{
                type: 'checkbox'
            }, {
                field: 'name',
                width: 150,
                title: '姓名',
            }, {
                field: 'community',
                width: 150,
                title: '小区',
            }, {
                field: 'phone',
                width: 150,
                title: '手机号'
            }, {
                field: 'from',
                width: 150,
                title: '住户来源',
            }, {
                field: 'registerTime',
                width: 150,
                title: '注册时间',
            }, {
                field: 'outTime',
                width: 150,
                title: '迁出时间',
            },{
                field: 'menu',
                minWidth: 100,
                title: '操作'
            }]
        ],
        page: true
    });
});
// ANCHOR 租客管理表格--已迁入
layui.use('table', function () {
    var table = layui.table;

    table.render({
        elem: '#tenantTable',
        url: '#',
        cols: [
            [{
                type: 'checkbox'
            }, {
                field: 'name',
                width: 150,
                title: '姓名',
            }, {
                field: 'phone',
                width: 150,
                title: '手机号'
            }, {
                field: 'community',
                width: 150,
                title: '小区',
            }, {
                field: 'building',
                width: 150,
                title: '楼宇'
            }, {
                field: 'unit',
                width: 150,
                title: '单元',
            }, {
                field: 'houseNumber',
                width: 150,
                title: '房号',
            }, {
                field: 'ownerType',
                width: 150,
                title: '住户身份',
            }, {
                field: 'valTime',
                width: 150,
                title: '有效期',
            },{
                field: 'loginTime',
                width: 150,
                title: '登录次数',
            },{
                field: 'menu',
                minWidth: 100,
                title: '操作'
            }]
        ],
        page: true
    });
});
// ANCHOR 租客管理表格--待审核
layui.use('table', function () {
    var table = layui.table;

    table.render({
        elem: '#tenantTableReview',
        url: '#',
        cols: [
            [{
                type: 'checkbox'
            }, {
                field: 'name',
                width: 150,
                title: '姓名',
            }, {
                field: 'phone',
                width: 150,
                title: '手机号'
            }, {
                field: 'community',
                width: 150,
                title: '小区',
            }, {
                field: 'building',
                width: 150,
                title: '楼宇'
            }, {
                field: 'unit',
                width: 150,
                title: '单元',
            }, {
                field: 'houseNumber',
                width: 150,
                title: '房号',
            }, {
                field: 'ownerType',
                width: 150,
                title: '住户身份',
            }, {
                field: 'valTime',
                width: 150,
                title: '有效期',
            },{
                field: 'loginTime',
                width: 150,
                title: '登录次数',
            },{
                field: 'menu',
                minWidth: 100,
                title: '操作'
            }]
        ],
        page: true
    });
});
// ANCHOR 租客管理表格--未通过
layui.use('table', function () {
    var table = layui.table;

    table.render({
        elem: '#tenantTableUnpass',
        url: '#',
        cols: [
            [{
                type: 'checkbox'
            }, {
                field: 'name',
                width: 150,
                title: '姓名',
            }, {
                field: 'phone',
                width: 150,
                title: '手机号'
            }, {
                field: 'community',
                width: 150,
                title: '小区',
            }, {
                field: 'building',
                width: 150,
                title: '楼宇'
            }, {
                field: 'unit',
                width: 150,
                title: '单元',
            }, {
                field: 'houseNumber',
                width: 150,
                title: '房号',
            }, {
                field: 'ownerType',
                width: 150,
                title: '住户身份',
            }, {
                field: 'valTime',
                width: 150,
                title: '有效期',
            },{
                field: 'loginTime',
                width: 150,
                title: '登录次数',
            },{
                field: 'menu',
                minWidth: 100,
                title: '操作'
            }]
        ],
        page: true
    });
});
// ANCHOR 租客管理表格--已迁出
layui.use('table', function () {
    var table = layui.table;

    table.render({
        elem: '#tenantTableOut',
        url: '#',
        cols: [
            [{
                type: 'checkbox'
            }, {
                field: 'name',
                width: 150,
                title: '姓名',
            }, {
                field: 'community',
                width: 150,
                title: '小区',
            }, {
                field: 'phone',
                width: 150,
                title: '手机号'
            }, {
                field: 'from',
                width: 150,
                title: '住户来源',
            }, {
                field: 'registerTime',
                width: 150,
                title: '注册时间',
            }, {
                field: 'outTime',
                width: 150,
                title: '迁出时间',
            },{
                field: 'menu',
                minWidth: 100,
                title: '操作'
            }]
        ],
        page: true
    });
});
// ANCHOR 访客管理表格
layui.use('table', function () {
    var table = layui.table;

    table.render({
        elem: '#visitorTable',
        url: '#',
        cols: [
            [{
                field: 'name',
                width: 150,
                title: '姓名',
            }, {
                field: 'sex',
                width: 150,
                title: '性别',
            }, {
                field: 'phone',
                width: 200,
                title: '手机号'
            }, {
                field: 'visitTime',
                width: 200,
                title: '到访时间',
            }, {
                field: 'leaveTime',
                width: 200,
                title: '离开时间',
            }, {
                field: 'community',
                width: 200,
                title: '小区',
            }, {
                field: 'houseNumber',
                width: 200,
                title: '房号',
            },{
                field: 'menu',
                minWidth: 100,
                title: '操作'
            }]
        ],
        page: true
    });
});
// ANCHOR 广告位管理表格
layui.use('table', function () {
    var table = layui.table;

    table.render({
        elem: '#listAdvertiseTable',
        url: '#',
        cols: [
            [{
                field: 'id',
                width: 200,
                title: '广告位编号',
            }, {
                field: 'adName',
                width: 200,
                title: '广告位名称',
            }, {
                field: 'adSituation',
                width: 150,
                title: '广告位状态'
            }, {
                field: 'community',
                width: 150,
                title: '小区',
            }, {
                field: 'adPosition',
                width: 200,
                title: '广告位位置',
            }, {
                field: 'adSize',
                width: 100,
                title: '广告位大小',
            }, {
                field: 'countAdNumber',
                width: 150,
                title: '收费标准个数',
            },{
                field: 'adPrice',
                width: 100,
                title: '广告位价格',
            },{
                field: 'menu',
                minWidth: 200,
                title: '操作'
            }]
        ],
        page: true
    });
});
// ANCHOR 车辆管理表格
layui.use('table', function () {
    var table = layui.table;

    table.render({
        elem: '#vehicleTable',
        url: '#',
        cols: [
            [{
                field: 'id',
                width: 200,
                title: '序号',
            }, {
                field: 'community',
                width: 200,
                title: '小区名称',
            }, {
                field: 'vehicleId',
                width: 150,
                title: '登记车牌'
            }, {
                field: 'vehicleOwner',
                width: 150,
                title: '车主',
            }, {
                field: 'phone',
                width: 200,
                title: '联系方式',
            }, {
                field: 'parkingId',
                width: 100,
                title: '关联车位',
            }, {
                field: 'startTime',
                width: 150,
                title: '授权开始时间',
            },{
                field: 'endTime',
                width: 100,
                title: '授权结束时间',
            },{
                field: 'menu',
                minWidth: 200,
                title: '操作'
            }]
        ],
        page: true
    });
});
$('#dataCenterTab').on('click', 'a', function () {
    let href = $(this).attr('href').slice(2);
    $('main').hide();
    if (href) {
        $(`#${href}`).show();
    }
})